<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文化云</title>
    <link href="WebUI/css/base.css" rel="stylesheet" />
    <link href="WebUI/css/Public.css" rel="stylesheet" />
    <link href="WebUI/css/detail_p.css" rel="stylesheet" />
    <link href="WebUI/font/iconfont.css" rel="stylesheet" />
    <link href="../plugins/layer/skin/layer.css" rel="stylesheet" />
    <!--轮播插件引用-->
    <link rel="stylesheet" href="WebUI/controls/dist/idangerous.swiper.css">
    <style>
        .tishi{display:none;width:300px;height:40px;
            padding:10px;position:absolute;

        }
    </style>
</head>
<body>
<div id="headdiv" class="head">

</div>
<div class="content marginTop20">
    <div class="org-left fleft">
        <div class="org-banner">
            <p class="banner-img">
                <img src="WebUI/images/org-banner.jpg" />
                <span></span>
            </p>
            <div class="logoArea">
                <p class="org-logo">
                    <img id="logoimg" src="WebUI/images/org－logo.png" />
                </p>
                <div class="la_r">
                    <p id="oriname">
                    </p>
                    <div id="follow">
                        <!--<a href="javascript://">查看简介</a>-->
                        <a href="javascript:void(0)">+关注</a>
                        <i id="follownumber">123456</i><i id="org"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="fclear"></div>
        <div class="seatArea">
            <p class="boards">
                <a href="javascript://">浦东新区图书馆</a>
                <a href="javascript://">场地</a> >
                <span>报告厅</span>
            </p>
            <div class="area-intro">
                <p><span>面       积：400㎡ </span><span>坐席数：345位</span></p>
                <p><b>空调 </b><b>灯光 </b><b>音响 </b><b>麦克风 </b><b>投影</b></p>
                <p>使用推荐： 影片放映，演讲培训，行业会议，发布会。</p>
                <i>2F</i>
            </div>
            <div class="zhanshi">
                <ul class="switchs">
                    <li class="e">座位示意图</li>
                    <li>场馆美图</li>
                    <li>全景展示</li>
                </ul>
                <div class="seat-prolist-area height370">
                    <div id="seatinfo" class="prolists SketchMap" style="display: block;">
                        <h6 class="MapTop"></h6>
                        <ul id="columnLI" class="column" style="display: block;">

                        </ul>
                        <div class="PlaceMap"style="width:800px; height: 260px; overflow: scroll;">
                            <div class="seatplace" style="width:auto; height: auto;">
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                                <div class="seatIco seat-default"></div>
                            </div>
                        </div>
                        <div class="fclear"></div>
                    </div>
                    <div class="prolists">
                        <div class="device">
                            <a class="arrow-left" href="#"><i class="iconfont">&#xe60b;</i></a>
                            <a class="arrow-right" href="#"><i class="iconfont">&#xe60c;</i></a>
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide"> <img src="WebUI/images/slider1-1.jpg"> </div>
                                    <div class="swiper-slide"> <img src="WebUI/images/slider1-1.jpg"> </div>
                                    <div class="swiper-slide"><img src="WebUI/images/slider1-1.jpg"></div>
                                </div>
                            </div>
                            <div class="pagination"></div>
                        </div>
                    </div>
                    <div class="prolists">
                        <div class="PanoramArea">
                            <img src="WebUI/images/3D.jpg">
                        </div>
                    </div>
                </div>
            </div>
            <div class="selection">
                <ul class="switchs">
                    <li class="e">日历</li>
                </ul>
                <p class="link-prompt">点击时段进行预约</p>
                <div class="seat-prolist-area height750">
                    <div class="rili-area"style="width:860px; height: 750px; margin:0 auto;">
                    <!--说明:
                        三个状态调用样式:
                        (1)可以选择:给 .fc-event添加.yes 的class样式
                        (2)已选择:给 不添加样式
                        (3)不可选择:给 .fc-event添加.no 的class样式
                    -->
                    <iframe src="fullcalendar_detailP.html" width=100% height=100% frameborder=0 scrolling="no" >

                    </iframe>
                </div>
                </div>
            </div>
        </div>
    </div>
    <div class="org-right fright">
        <div class="area default bord">
            <div class="org-tit">
                <h2>如何到达</h2>
            </div>
            <div class="padding14">
                <div class="inputs marginTop10">
                    <label>出发地:</label>
                    <input id="address" type="text" onBlur="startaddress();" />
                </div>
                <div class="inputs marginTop10">
                    <label>目的地:</label>
                    <span id="destination" >浦东图书馆</span>
                </div>
                <div class="map marginTop10">
                    <div class="controls clearfix">
                        <div id="mapcomtainer" style="width:380px;height:284px;"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="news blue bord">
            <div id="more" class="org-tit">
                <a href="javascript://" class="mores">更多》</a>
                <h2>场馆信息</h2>
            </div>
            <div class="padding14">
                <ul id="morelist" class="cg-list">
                    <li>
                        <a class="o-img"><img src="WebUI/images/o1.jpg" /></a>
                        <div class="o_r">
                            <a href="javascript://">放映厅</a>
                            <span><b>面    积：400㎡</b><b>坐席数：345位</b></span>
                            <p><i>空调</i><i>灯光</i><i>麦克风</i><i>投影</i></p>
                        </div>
                    </li>
                    <li>
                        <a class="o-img"><img src="WebUI/images/o2.jpg" /></a>
                        <div class="o_r">
                            <a href="javascript://">放映厅</a>
                            <span><b>面    积：400㎡</b><b>坐席数：345位</b></span>
                            <p><i>空调</i><i>灯光</i><i>麦克风</i></p>
                        </div>
                    </li>
                    <li>
                        <a class="o-img"><img src="WebUI/images/o3.jpg" /></a>
                        <div class="o_r">
                            <a href="javascript://">放映厅</a>
                            <span><b>面    积：400㎡</b><b>坐席数：345位</b></span>
                            <p><i>空调</i><i>灯光</i><i>投影</i></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="fclear"></div>
<div id="footdiv" class="foot">

</div>
<!--js引用-->
<script src="WebUI/js/jquery-1.9.1.min.js"></script>
<script src="WebUI/js/animate.js"></script>
<script src="../js/basicjs.js"></script>
<script src="../js/jquery.query.js"></script>
<script src="../js/jquery.json-2.4.min.js"></script>
<script src="../js/frontpage/detailp.js"></script>
<script src="../plugins/layer/layer.js"></script>
<!--轮播图js-->
<script src="WebUI/controls/dist/idangerous.swiper.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=0tEpFu8DAKTlmEy3m0EtPZVlY4evGeml"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/MarkerTool/1.2/src/MarkerTool_min.js" ></script>

<script>
    $(function () {
        //头部导航下拉框
        selectModel(".head li.ms","mr current","curleft",".mm")
        //座位示意图/场馆美图/全景展览 切换效果
        qiehuan(".switchs","li","e",".prolists");
        //引入头部
        $.get("head.html",function(data){
            $("#headdiv").html(data);
        });
        //引入脚
        $.get("foot.html",function(data){
            $("#footdiv").html(data);
        });
    })
    var mySwiper = $('.swiper-container').swiper({
        pagination: '.pagination',
        loop:true,
        grabCursor: true,
        paginationClickable: true
    });
    $('.arrow-left').on('click', function(e){
        e.preventDefault()
        var swiper = $(this).siblings('.swiper-container').data('swiper');
        swiper.swipePrev();
    });
    $('.arrow-right').on('click', function(e){
        e.preventDefault()
        var swiper = $(this).siblings('.swiper-container').data('swiper');
        swiper.swipeNext();
    });
</script>

</body>
</html>